<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1474698_c2o4mdfna3f.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.10/lib/index.css"/>
    <link rel="stylesheet" href="../../css/common.css">
    <title>分类</title>
    <style>
        html,body{
            background-color: #fff;
        }
        .info  .labbles{
            width: auto;
            height: auto;
            margin: .1rem 0;
        }
        .info  .labble{
            width: auto;
            height: auto;
            padding: .02rem .1rem;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #4B9AFE;
            border: 0.01rem solid #4B9AFE;
            border-radius: 0.05rem;
            margin-right: .1rem;
            margin-bottom: .1rem;
        }
        .info{
            width: 100%;
            height: auto;
            padding: 0 .28rem;
            background-color: #fff;
        }
        .info .heading{
            width: 1.4rem;
            height: 1.4rem;
            border-radius: .1rem;
            overflow: hidden;
            margin-right: .2rem;
        }
        .info .laywer{
            overflow: hidden;
            padding: .2rem 0;
        }
        .info .laywer .right{
            overflow: hidden;
        }
        .info .laywer .name{
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: #222222;
        }
        .info .laywer .price{
            text-align: right;
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: #FF5410;
        }
        .info .laywer .concat{
            width: 0.92rem;
            height: 0.38rem;
            background: #FAB20C;
            border-radius: 0.21rem 0.19rem 0.19rem 0rem;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
            margin: 0 .15rem;
        }
        .info .address{
            width: 100%;
            overflow: hidden;
        }
        .info .address-pic{
            width: .22rem;
            height: auto;
            margin: 0;
        }
        .info .address span{
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #9F9F9F;
            margin-left: .06rem;
            margin-right: .2rem;
        }
        .info .address .time{
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #9F9F9F;
        }
        .info .codes{
            width: 100%;
            padding: .2rem 0;
            border-top: 1px solid #EEEEEE;
        }
        .info .codes .left-pic{
            width: .31rem;
            height: auto;
            margin: 0;
            margin-right: .05rem;
        }
        .info .codes .left-ars{
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #6E6E6E;
            margin: 0 .05rem;
            margin-right: .15rem;
        }
        .info .codes .r-t .spa{
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #222222;
            margin-right: .1rem;
        }
        .info .codes .r-t .spb{
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #222222;
        }
        .info .codes .r-b{
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #6E6E6E;
        }
        .content-detail{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 0 .28rem;
        }
        .content-detail .title{
            width: 100%;
            padding: .2rem 0;
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: #222222;
        }
        .footer{
            width: 100%;
            background-color: #fff;
            padding: 0 .28rem;
        }
        .footer .btn-a{
            width: 3.37rem;
            height: 0.7rem;
            background: #FAB20C;
            border-radius: 0.45rem;
            font-size: 0.36rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
        }
        .footer .btn-b{
            width: 3.37rem;
            height: 0.7rem;
            border: 1px solid #FAB20C;
            border-radius: 0.45rem;
            font-size: 0.36rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #FAB20C;
        }
        .footer .btn-c{
            width: 6.94rem;
            height: 0.7rem;
            background: #FAB20C;
            border-radius: 0.45rem;
            font-size: 0.36rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
        }
        
    </style>
</head>
<body>
    <div id="root">
        <div class="header flex align-items space-between">
            <div class="back fn-ctr">
                <i class="iconfont iconjiantouzuo"></i>
            </div>
            <div class="middle fn-ctr">详情</div>
            <div class="right"></div>
        </div>
        <div class="main">
            <div class="info">
                <div class="laywer flex align-items-start space-between">
                    <img src="../../images/heading1.png" class="heading">
                    <div class="right">
                        <div class="user flex align-items flex-start">
                            <div class="name">张振律师</div>
                            <div class="concat fn-ctr">联系我</div>
                            <div class="price flex1">¥50</div>
                        </div>
                        <div class="labbles flex align-items flex-start flex-wrap">
                            <div class="labble">债权债务</div>
                            <div class="labble">家庭婚姻</div>
                            <div class="labble">交通事故</div>
                            <div class="labble">家庭婚姻</div>
                            <div class="labble">交通事故</div>
                        </div>
                        <div class="address flex align-items flex-start">
                            <img class="address-pic" src="../../images/dw.png">
                            <span>上海</span>
                            <div class="time">截止日期：2020-04-21</div>
                        </div>
                    </div>
                </div>
                <div class="codes flex align-items-start flex-start">
                    <div class="left flex align-items flex-start">
                        <img src="../../images/dw.png" class="left-pic">
                        <span class="left-ars">邮寄地址</span>
                    </div>
                    <div class="rights">
                        <div class="r-t flex algin-items flex-start">
                            <span class="spa">张振</span>
                            <span class="spb">13413419890</span>
                        </div>
                        <div class="r-b">河南南三环都是广场B座</div>
                    </div>
                </div>
            </div>
            <div class="line"></div>
            <div class="content-detail">
                <div class="title">内容详情</div>
                <div class="content">
                    我方供货给对方后，有部分尾款对方一直未付，后来我方联系对方便联系不上，电话不接，短信不回。
起诉后，对方拒不认可尚有货款未付的事实，虽然我方证据有一些不足，但经过设计庭审中的发问，让法庭了解清楚了事实真相，最终判决我方胜诉。且判决书中，直接运用了我方的代理词中的分析意见
附：判决书部分内容
本院认为，当事人应当按照约定全面履行自己的义务。买受人应当按照约定的数额向出卖人支付价款。本案，被告公司从原告公司处购货，原告公司向被告公司供应灯具价值共计920524元，被告公司已支付货款652429元，应向原告公司支付剩佘货款268095元，应当履行拖欠货款的给付义务。故原告公司要求被告公司支付拖欠货款268095元的诉讼请求，合法有据，本院依法予以支持。被告公司未如期向原告公司支付货款，故原告公司要求被告公司自2017年5月1日起至实际清偿完毕之日止向其支付利息，不违反法律规定，本院予以支持，但应以未付货款268095元为基数，
按中国人民银行同期同类人民币贷款基准利率计算。被告公司辩称未实际收到原告公司提供的全部货物，但原告公司提供的《工业品购销合同》上列明的货物与《开封运费》显示的货物能够相互印证，原告公司在收到被告公司交付的定金“村料预付款”184104.8元即货物总价款的20%定金后，向被告公司交付全部货物亦符合双方关于“定金到账15个工作日”交货的约定，如原告公司未交付全部货物，自2012
年11月24日至今长达五年多的时间内，被告公司从未向原告公司主张过相应权利，亦不符合常理，故对被告公司的辩称意见，本院不予采信。被告公司辩称原告公司起诉已超诉讼时效，但原告公司提交的证据能够证明多次向被告公司的工作人员催要本案欠款，其诉讼并未超过诉讼时效，对被告公司的此项辩称意见，本院亦不予采信。
                </div>
            </div>
        </div>
        <div class="footer flex align-items space-between">
            <!-- <div class="btn-a fn-ctr">编辑</div>
            <div class="btn-b fn-ctr">取消委托</div> -->
            <div class="btn-c fn-ctr">确认完成</div>
        </div>
    </div>
    <script src="../../js/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.10/lib/vant.min.js"></script>
    <script src='../../js/ice_fox.js'></script>
    <script src="../../js/common.js"></script>  
    <script>
        api_init = function(){
            var root = new Vue({
                el:"#root",
                data:{
                    show:false,
                },
                methods:{},
                mounted:function(){},
                created:function(){},
            })
        }
    </script>
</body>
</html>